<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>住宅详情</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/cateInfo.css">
    </head>
    <body class="atTop">
        <div class="container">
            <header class="ready">
                <nav class="flex flex-align-items pc">
                    <a href="index.html" class="logo">
                        <img src="img/common/logo.png" alt="logo">
                        <img src="img/common/logoC.png" class="c" alt="logo">
                    </a>
                    <ul class="menu flex">
                        <li>
                            <div class="sonMenu">
                                <div class="contn flex flex-justify-content">
                                    <a href="solution.html">
                                        <p class="pic">
                                            <img src="img/common/son1.jpg" class="obj-c" alt="类别图">
                                        </p>
                                        <span>住宅</span>
                                    </a>
                                    <a href="solution.html">
                                        <p class="pic">
                                            <img src="img/common/son2.jpg" class="obj-c" alt="类别图">
                                        </p>
                                        <span>商业广告</span>
                                    </a>
                                    <a href="solution.html">
                                        <p class="pic">
                                            <img src="img/common/son3.jpg" class="obj-c" alt="类别图">
                                        </p>
                                        <span>医疗类</span>
                                    </a>
                                </div>
                            </div>
                            <p class="triangle"></p>
                            <a href="solution.html">解决方案</a>
                        </li>
                        <li><a href="about.html">关于我们</a></li>
                        <li><a href="works.html">作品集</a></li>
                        <li><a href="news.html">新闻</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </nav>
                <nav class="mobile">
                    <div class="head flex flex-align-items">
                        <a href="" class="logo"><img src="img/common/logoC.png" alt="logo"></a>
                        <div class="menuBtn cursor">
                            <span></span>
                        </div>
                    </div>
                    <div class="box flex">
                        <div class="mid">
                            <ul>
                                <li><a href="index.html">首页</a></li>
                                <li>
                                    <a href="solution.html">解决方案</a>
                                    <div class="sonMenu">
                                        <div class="contn">
                                            <a href="">住宅</a>
                                            <a href="">商业广告</a>
                                            <a href="">医疗类</a>
                                        </div>
                                    </div>
                                </li>
                                <li><a href="about.html">关于我们</a></li>
                                <li><a href="works.html">作品集</a></li>
                                <li><a href="news.html">新闻</a></li>
                                <li><a href="contact.html">联系我们</a></li>
                            </ul>
                        </div>
                        <div class="footage">
                            <div class="link">
                                <a href="contact.html">联系我们</a>
                                <a href="about.html">关于我们</a>
                            </div>
                            <div class="txt">
                                <p>Copyright © 宁波穿石网络科技有限公司 All rights reserved</p>
                                <p>技术支持：穿石科技</p>
                            </div>
                        </div>
                    </div>
                </nav>
            </header>
            <main>
                <div class="pageHead">
                    <div class="contn">
                        <p class="btm">
                            <img src="img/cateInfo/headPic.jpg" alt="head pic">
                        </p>
                        <div class="tp">
                            <p class="pic"><img src="img/cateInfo/headPic.jpg" alt=""></p>
                            <div class="txt ready overself">
                                <p class="dsnName">住宅建筑师</p>
                                <p class="cn">架构</p>
                                <p class="eng">FOR YOU</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tips">
                    <p class="t ready overself">
                        定制住宅建筑与建筑师的自我无关-至少我们认为不应如此。成功的设计反映了生活方式，经过深思熟虑，旨在  <strong>支持，改善和改善日常习惯</strong>
                    </p>
                    <div class="list">
                        <div class="item ready overHalf">
                            <div class="border fill">
                                <i class="hor tp"></i>
                                <i class="ver rht"></i>
                                <i class="hor btm"></i>
                                <i class="ver lft"></i>
                            </div>
                            <div class="txt hvc">
                                <p class="topic">自定义单身家庭</p>
                                <p class="t">我们为重要的房屋翻新,加建和新建家庭住宅提供全方位服务的个性化设计解决方案。</p>
                            </div>
                        </div>
                        <div class="item ready overHalf">
                            <div class="border fill">
                                <i class="hor tp"></i>
                                <i class="ver rht"></i>
                                <i class="hor btm"></i>
                                <i class="ver lft"></i>
                                <span class="block tpRht"></span>
                                <span class="block btmLft"></span>
                            </div>
                            <div class="txt hvc">
                                <p class="topic">开发人员合作</p>
                                <p class="t">我们与具有远见的开发商合作,创造价值,最大化投资并取悦客户。</p>
                            </div>
                        </div>
                        <div class="item ready overHalf">
                            <div class="border fill">
                                <i class="hor tp"></i>
                                <i class="ver rht"></i>
                                <i class="hor btm"></i>
                                <i class="ver lft"></i>
                            </div>
                            <div class="txt hvc">
                                <p class="topic">多家庭</p>
                                <p class="t">我们为有眼光的客户提供规模更大,目标明确的定制化体系结构。</p>
                            </div>
                        </div>
                    </div>
                    <div class="swiper ready">
                        <div class="swiper-container tipSwiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="inner">
                                        <div class="border fill">
                                            <i class="hor tp"></i>
                                            <i class="ver rht"></i>
                                            <i class="hor btm"></i>
                                            <i class="ver lft"></i>
                                        </div>
                                        <div class="txt hvc flex flex-justify-content flex-align-items">
                                            <p class="topic">自定义单身家庭</p>
                                            <p class="t">我们为重要的房屋翻新,加建和新建家庭住宅提供全方位服务的个性化设计解决方案。</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <p class="btn prev cursor"></p>
                        <p class="btn next cursor"></p>
                    </div>
                </div>
                <div class="note ready flex flex-align-items">
                    <div class="lft">
                        <p class="pic"><img src="img/cateInfo/notePic.jpg" alt="note pic"></p>
                        <img src="img/cateInfo/ltrIcon.png" class="icon" alt="letter">
                    </div>
                    <div class="rht">
                        <div class="txt flex flex-justify-content">
                            <p class="noteTtl">您想要的一切，<br>
                                什么都不需要。</p>
                            <p class="t">通过将您独特的需求和欲望与您的房地产的未开发潜力相结合，我们能够以既被考虑，有意义又令人惊讶的设计做出回应。我们的目的是最大化您认为有价值的东西，发现未实现的东西，并使您的家成为您的家。</p>
                        </div>
                    </div>
                    <a href="">查看住宅组合</a>
                </div>
                <div class="selected">
                    <div class="list addFst">
                        <div class="item">
                            <div class="pics">
                                <a href="" class="lft">
                                    <img src="img/cateInfo/selectedLft.jpg" class="obj-c" alt="">
                                </a>
                                <a href="" class="rht">
                                    <img src="img/cateInfo/selectedrht.jpg" class="obj-c" alt="">
                                </a>
                            </div>
                            <div class="txt">
                                <p class="itemName">穿石之家</p>
                                <div class="inf">
                                    <p>类型：<span class="type">独占房屋地点</span></p>
                                    <p> 地点：<span class="loc">旧金山</span></p>
                                </div>
                                <a href="" class="moreBox">
                                    <p class="more"><span>查看项目</span></p>
                                </a>
                            </div>
                            <div class="tip">
                                <div class="extra">
                                    <span class="symbol">$</span>
                                    <span class="price">2M</span>
                                    <span class="t">
                                        增加<br>
                                        房屋价值
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="pics">
                                <a href="" class="lft">
                                    <img src="img/cateInfo/selectedLft.jpg" class="obj-c" alt="">
                                </a>
                                <a href="" class="rht">
                                    <img src="img/cateInfo/selectedrht.jpg" class="obj-c" alt="">
                                </a>
                            </div>
                            <div class="txt">
                                <p class="itemName">穿石之家</p>
                                <div class="inf">
                                    <p>类型：<span class="type">独占房屋地点</span></p>
                                    <p> 地点：<span class="loc">旧金山</span></p>
                                </div>
                                <a href="" class="moreBox">
                                    <p class="more"><span>查看项目</span></p>
                                </a>
                            </div>
                            <div class="tip">
                                <div class="extra">
                                    <span class="symbol">$</span>
                                    <span class="price">2M</span>
                                    <span class="t">
                                        增加<br>
                                        房屋价值
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <a href="" class="muchMore flex flex-align-items flex-justify-content"><span>查看全部住宅</span></a>
                    <p class="btn prev"></p>
                    <p class="btn next"></p>
                </div>
                <div class="advice ready overself">
                    <div class="swiper">
                        <img src="img/cateInfo/adviceBg.jpg" alt="" class="bgPic fill obj-c">
                        <ul class="palace ready addFst">
                            <li>
                                <div class="box">
                                    <div class="inner">
                                        <p class="headding">要知道的事情</p>
                                        <p class="hgLtr"><span>您的建议</span></p>
                                        <p class="t">我们可以帮助您找到最佳的合作伙伴和最佳的前进道路，从审查承包商到导航法规和当地建筑要求</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="box">
                                    <div class="inner">
                                        <p class="headding">我们的动力</p>
                                        <p class="hgLtr"><span>您的肯定</span></p>
                                        <p class="t">我们可以帮助您找到最佳的合作伙伴和最佳的前进道路</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="box">
                                    <div class="inner">
                                        <p class="headding">要知道的事情</p>
                                        <p class="hgLtr"><span>您的建议</span></p>
                                        <p class="t">我们可以帮助您找到最佳的合作伙伴和最佳的前进道路，从审查承包商到导航法规和当地建筑要求</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="box">
                                    <div class="inner">
                                        <p class="headding">我们的动力</p>
                                        <p class="hgLtr"><span>您的肯定</span></p>
                                        <p class="t">我们可以帮助您找到最佳的合作伙伴和最佳的前进道路</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="pagination flex flex-justify-content addFst">
                            <p></p>
                            <p></p>
                            <p></p>
                            <p></p>
                        </div>
                        <p class="btn prev"></p>
                        <p class="btn next"></p>
                        
                    </div>
                    
                </div>
                <div class="us ready overself">
                    <div class="inner ready">
                        <div class="txt">
                            <p class="heading">我们的商业设计团队</p>
                            <p class="t">进行住宅项目是一项严肃的承诺，需要投资，耐心，信任和未知的综合压力。我们经验丰富的团队会熟练地引导设计过程，在需要时通知您，在不使用时管理麻烦，并始终努力使最终结果有价值。</p>
                        </div>
                        <div class="pic">
                            <img src="img/cateInfo/usPic.jpg" alt="us pic">
                        </div>
                        <div class="contact ready">
                            <div class="scrollDown flex flex-align-items">
                                <i></i>
                                <span></span>
                            </div>
                            <div class="box">
                                <h5>通过设计建立您的业务</h5>
                                <p>准备讨论您的项目了吗?</p>
                                <a href="" class="muchMore flex flex-align-items flex-justify-content"><span>联系我们</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="articles">
                    <img src="img/cateInfo/atclBg.jpg" class="obj-c fill" alt="this bg">
                    <div class="inner">
                        <p class="rtt">见解</p>
                        <div class="box flex flex-justify-content">
                            <div class="item ready overHalf">
                                <a href="" class="atclTtl">什么时候应该选择总承包商？</a>
                                <div class="category">
                                    分类：
                                    <a href="">商业</a>
                                    <a href="">医疗</a>
                                </div>
                                <p class="t">选择总承包商最终取决于您，但是我们始终愿意就最佳时机和方法提供建议。</p>
                                <a href="" class="moreBox">
                                    <p class="more"><span>查看项目</span></p>
                                </a>
                                <span class="hor tp"></span>
                                <span class="ver rht"></span>
                                <span class="hor btm"></span>
                                <span class="ver lft"></span>
                            </div>
                            <div class="item ready overHalf">
                                <a href="" class="atclTtl">什么时候应该选择总承包商？</a>
                                <div class="category">
                                    分类：
                                    <a href="">商业</a>
                                    <a href="">医疗</a>
                                </div>
                                <p class="t">选择总承包商最终取决于您，但是我们始终愿意就最佳时机和方法提供建议。</p>
                                <a href="" class="moreBox">
                                    <p class="more"><span>查看项目</span></p>
                                </a>
                                <span class="hor tp"></span>
                                <span class="ver rht"></span>
                                <span class="hor btm"></span>
                                <span class="ver lft"></span>
                            </div>
                            <div class="item ready overHalf">
                                <div class="mid flex flex-justify-content">
                                    <p class="square"></p>
                                    <a href="" class="muchMore flex flex-align-items flex-justify-content"><span>查看全部住宅</span></a>
                                </div>
                                <span class="hor tp"></span>
                                <span class="ver rht"></span>
                                <span class="hor btm"></span>
                                <span class="ver lft"></span>
                            </div>
                        </div>
                    </div>
                    
                </div>
                <div class="pageBtm overself ready">
                    <p class="pic fill"><img src="img/cateInfo/btmPic.jpg" class="obj-c" alt="btm pic"></p>
                    <p class="t hvc"><span>住宅组合</span></p>
                </div>
            </main>
            <footer>
                <a href="index.html"><img src="img/common/logoC.png" alt="logos"></a>
                <p>
                    <span>Copyright © 宁波穿石网络科技有限公司 All rights reserved</span>
                    <span>技术支持：穿石科技</span>
                </p>
            </footer>
        </div>
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/cateInfo.js"></script>
    </body>
</html>